﻿<div id="userMenu">
        <ul class="nav BlueBorder">
            @*<li>@Html.ActionLink("browse titles", "Index", "Title")</li>*@
            @if (User != null && User.Identity.IsAuthenticated)
            {
                <li>@Html.ActionLink("my borrowings", "MyBorrowings", "User")</li>
                if (DoeLibsMVC.Security.SecurityHelper.currentUserIsInStaffGroup())
                {
                    <li>
                        <a>staff pages</a>                        
                        <ul class="GreenBorder">
                            @*<li>@Html.ActionLink("my loans", "MyLoans", "User")</li>*@
                            <li>@Html.ActionLink("my loanables", "MyLoanables", "User")</li>
                            @*<li>@Html.ActionLink("add title", "Add", "Title")</li>*@
                            <li>@Html.ActionLink("add title/loanable", "Add", "Loanable")</li>
                            <li>@Html.ActionLink("my location categories", "GetMine", "LoanableLocationCategory")</li>
							<li>@Html.ActionLink("manage users", "ManageUsers", "User")</li>
                            <li>@Html.ActionLink("import loanables", "Index", "Import")</li>
                        </ul>
                    </li>
                }
                <li>@Html.ActionLink("my account", "Controll", "User")</li>
                <li>@Html.ActionLink("notifications", "Index", "Notification", null, new { id = "notificationLink" })</li>                
                
            }
            else
            {
                <li>@Html.ActionLink("log in", "Login", "Authentification")</li>
            }
        </ul>
</div>

<script>
    $(document).ready(
      function () {
        $('.nav li').hover(
          function () {
              $('ul', this).stop().fadeIn();
          },
          function () {
              $('ul', this).stop().fadeOut();
          }
        );
      }
    );
</script>